<template>
	<view>
		<u-popup :show="show" round="32rpx" @close="show=false" :closeOnClickOverlay="true">
			<view class="popup">
				<view class="title">选择支付方式</view>
				<view class="text-center text-black u-m-t-50 u-m-b-50">
					<text>￥</text>
					<text class="amount">100.00</text>
				</view>


				<u-radio-group v-model="checd" placement="column">
					<view class="flex align-center justify-between x-m-l-8 x-m-r-8 u-m-b-50">
						<view class="flex align-center">
							<u-icon name="/static/personal/wechat.png" size="40rpx"></u-icon>
							<view class="u-m-l-10">微信</view>
						</view>
						<u-radio label=" " name="1" activeColor="#FF7129"></u-radio>
					</view>
					<view class="flex align-center justify-between x-m-l-8 x-m-r-8 u-m-b-50">
						<view class="flex align-center">
							<u-icon name="/static/personal/balance.png" size="40rpx"></u-icon>
							<view class="u-m-l-10">我的钱包(余额:￥5322.23)</view>
						</view>
						<u-radio label=" " name="2" activeColor="#FF7129"></u-radio>
					</view>
				</u-radio-group>

				<view class="x-m-l-8 x-m-r-8 u-m-t-60">
					<u-button type="primary" color="#FF7129" shape="circle" text="确定"></u-button>
				</view>

			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checd: '1',
				show: false,
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.popup {
		width: 100%;
		min-height: 652rpx;
		border-radius: 64rpx 64rpx 0px 0px;

		.title {
			padding-top: 40rpx;
			padding-bottom: 40rpx;
			text-align: center;
			font-size: 36rpx;
			font-family: Alibaba PuHuiTi 2.0-75 SemiBold, Alibaba PuHuiTi 20;
			font-weight: normal;
			color: #333333;
			border-bottom: 2rpx solid #EEEEEE;
		}

		.amount {
			font-size: 48rpx;
			font-family: Alibaba PuHuiTi 2.0-75 SemiBold, Alibaba PuHuiTi 20;
			font-weight: normal;
			color: #333333;
		}
	}
</style>